<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // document对象的属性
            // referrer  载入当前文档之前的url
            // URL 当前的文档的URL信息
            console.log(document.URL);
            console.log(document.referrer);
        // document对象的方法 **********
            // document.getElementById() ===获取元素的id   唯一1个
            // document.getElementsByName()  ====获取name值  多个  存储在数组中
            // eg:  name=a,name=a,name=a
            // 存储在数组中[a,a,a]
            // document.getElementsByName("a")[1]====获取name中的第二个
            // document.getElementsByTagName()   ===标签，存储数组中，多个
            // document.getElementsByClassName()  获取对应的class值
            // document.write()

               
    </script>
</head>
<body>
    <!-- <h1>抽奖页面</h1> -->
    <!-- <a href="./gg.html">点击抽奖</a> -->
     <div id="node">大数据呈现数据</div>
     <input type="button" value="改变" onclick="changeBtn()"><br/>
     <input type="text" name="jj" id="" value="春">
     <input type="text" name="jj" id="" value="夏">
     <input type="text" name="jj" id="" value="秋">
     <input type="text" name="jj" id="" value="冬">
     <input type="button" value="获取内容" onclick="huoqu()" onmouseover="huoqu()" onmouseleave="huifu()"><br/>
     <input type="button" value="获取input的value的内容" onclick="huoquInput()"><br/>

     <div id="node2" ></div>

    <script>
        // 常见的触发事件
        // onload() 一个页面加载完，一个图像加载完
        // onclick()  点击事件
        // onmousemove()  鼠标移入
        // onmouseleave() 鼠标移出
        // onkeydown()  键盘按下  （2）
        // onkeyup() 键盘松开   （3）
        // onkeypress()  刚刚按下键盘  （1）
        // onchange() 某个域的内容被改变



        function changeBtn(){
          let text1=  document.getElementById("node").innerHTML;
          console.log(text1);
          document.getElementById("node").innerHTML="javascript";
          
        }

        function huoqu(){
            let jj = document.getElementsByName("jj");
            console.log(jj[2].value);
            let ss="";
            for(let i=0;i<jj.length;i++){
                ss+=jj[i].value+"<br/>"
            }
            console.log(ss);
            document.getElementById("node2").innerHTML=ss;
        }

        function huoquInput(){
            let tagName = document.getElementsByTagName("input");
            console.log(tagName);
            
            let ss="";
            for(let i=0;i<tagName.length;i++){
                ss+=tagName[i].type+"<br/>"
            }
            console.log(ss);
            document.getElementById("node2").innerHTML=ss;
        }

        function huifu(){
            console.log("鼠标移出");
            
            document.getElementById("node2").innerHTML="";
        }
        
    </script>
    
</body>
</html>